/*
 * Css Library 1.0.0
 * Copyright(c) 2009-2010 Jiuzhou,Co
 * http://www.jztech.com
 * button Css
 * Alex
 * 2009-12-30
 */
 


/*
背景透明的圆角按钮自适应宽度,
按钮使用的背景图片不带边框,
按钮最外层就是一个div标记，而且是横向排列结构,形如
<div class="top_button button_inline_block">
	<a href="#">
		<div class="top_button_outer button_inline_block">
	  		<div class="top_button_inner button_inline_block">
                        	<span class="txt">修改属性</span>
   	  		</div>
    		</div>
    	</a>
</div>
1、给了button这个层一个背景图片，并让它平铺；
2、给button_outer这个层上、下边框，并写上颜色
3、给button_inner这个层左、右边框，并让左边框往左移动一个像素，右边框往右移动一个像素，也就是margin:0 -1px;
4、最后加上各个属性来兼容各个浏览器

2009-12-31修改 Alex
为了方便服务器端控件事件，将按钮修改为传统button，缺点是缺少圆角
*/

/* Gecko hack;Pre-FF3 Gecko uses -moz-inline-box instead of
inline-block. */
html>body .inline_block {
	display:-moz-inline-box;/* This is ignored by FF3 and later */
	display:inline-block;
}/* This is ignored by pre-FF3 Gecko */
/* Default rule;only Safari,Webkit,and Opera handle it without hacks.
*/
.inline_block {
	position:relative;
	display:inline-block;
	cursor:pointer;
}
/* Pre-IE7 IE hack. On IE,"display:inline-block" only gives the element
*/
/* layout,but doesn't give it inline behavior. Subsequently setting
display */
/* to inline does the trick. */
* html .inline_block {
	display:inline;
}
/* IE7-only hack. On IE,"display:inline-block" only gives the element
*/
/* layout,but doesn't give it inline behavior. Subsequently setting
display */
/* to inline does the trick. */
*:first-child+html .inline_block {
	display:inline;
}
/* Pre-IE7 IE hack;ignored by IE7 and all non-IE browsers. */
* html .button_inner {
	/* IE6 needs to have the box shifted to make the borders line up. */
left:-1px
}
/* IE7-only hack;ignored by all other browsers. */
*:first-child+html .button_inner {
	/* IE7 needs to have the box shifted to make the borders line up. */
left:-1px
}
.button,.button_yellow{
	height:26px;
	margin:0 5px 0 0;
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/button/button_bg.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;/*默认为左上方蓝色平铺*/
	text-align: center;
	text-indent: 0px;
}

.button_yellow{
	background-position:0px -26px;
	}

.button a:link, .button a:visited ,.button_yellow a:link, .button_yellow a:visited{
	color:#fff;
	text-decoration:none;
}
.button a:hover, .button_yellow a:hover, input:hover{/*IE6 IE7不支持 input*/
	
	text-decoration:none;
	color:#1f6688;
}

.button a:active, .button_yellow a:active{
	text-decoration:none;
	color: #f1d035;
}

.button_outer {
	border-color:#bfcbdf;
	border-style:solid;
	border-width:1px 0;
}
.button_inner {
	border-color:#bfcbdf;
	border-style:solid;
	border-width:0 1px;
	text-align: center;
	margin-top: 0;
	margin-right: -1px;
	margin-bottom: 0;
	margin-left: -1px;
	padding-top: 0;
	padding-right: 15px;/*文字距离右侧宽度*/
	padding-bottom: 0px;
	padding-left: 15px;	/*文字距离左侧宽度*/
}
.button_inner span {
    
	height:26px;
	margin:3px 0 0;
	line-height:25px;
}
/*
2009-12-31修改 Alex
为了方便服务器端控件事件，将按钮修改为传统button，缺点是缺少圆角
*/
.button_original, .button_original_yellow
{
	width:70px;
	height:28px;
	margin:0 0px 0 0;
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/button/button_bg.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;/*默认为左上方蓝色平铺*/
	background-color:#50b5e9;/*修复IE6 IE7显示bug，在button里会有1px空隙*/
	text-align: center;
	text-indent: 0;
	padding-left:7px;
	padding-right:7px;
	border-top-width: 1px;
	border-right-width: 1;
	border-bottom-width: 1px;
	border-left-width: 1;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e5e6e8;
	border-right-color: #e5e6e8;
	border-bottom-color: #e5e6e8;
	border-left-color: #e5e6e8;
	color:#FFF;
}

 .button_original_yellow{
	background-position:0px -26px; 
	background-color:#fcb644;/*修复IE6 IE7显示bug，在button里会有1px空隙*/
	 }
	 
/*通常用于分页及工作流*/

.button_grid_workflow, .button_grid_page{
	background-image:url(../images/button/button_bg.jpg);
	background-repeat:repeat-x;
	background-position:0px -52px;
	background-color:#f3f7f6;/*修复IE6 IE7显示bug，在button里会有1px空隙*/
	height:24px;
	width:70px;
	font-size:12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #35a2da;
	border-right-color: #35a2da;
	border-bottom-color: #35a2da;
	border-left-color: #35a2da;
	}
	
	
/*专用于dx button td显示*/、
.button_dx{
    width:50px;
}

/*报表饼图按钮*/
.button_pie
{
	 background-image:url(../images/button/button_Pie.gif);
	 background-repeat:no-repeat;
	 width:24px;
	 height:24px;
	}